<template>
  <!-- 如果当前组件被使用的时候,绑定原生事件,需要有一个根元素,因为绑定给组件的时候都是绑定给组件内模板的最外层元素 -->
  <div>
    <h4>Child</h4>
    <div>我是Child</div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "Child",
});
</script>

<script setup lang="ts">
import {ref} from "vue"
const count = ref(0)
//defineExpose默认引入,设置哪些属性 可以被其他组件通过ref的形式获取到
defineExpose({
  count
})
</script>
